<template>
    <ul>
        <li v-for="user in pageUsers.datas" v-bind:key="product">
            {{ user.userId }} | {{ user.userName }}
        </li>
    </ul>
    <div class="jay">{{ pageUsers.count }}</div>
    <button @click="GetPageUsers">查询</button>
</template>

<script>
// import axios from 'axios'
import http from '@/services/http'

export default {
    data() {
        return {
            pageUsers: {}
        }
    },
    methods: {
        async GetPageUsers() {
            const res = await http.get('/api/user/users/page')
            this.pageUsers = res.data;
        }
    }
}
</script>

<style scoped>
.jay {
    font-size: 100px;
}

button {
    font-size: 50px;
    color: red;
}
</style>